<!DOCTYPE html>
<html>
<head>
	<title>MUKEFILE日志查询</title>

	<#include "common/headFile.ftl">

	<style type="text/css">
		.main-top,.btn{background-color: #8666b8}
		.main-title span{font-family: STHeiti}
		.upload{margin-right:20px;}
	</style>
	<script type="text/javascript">
		function searchUser(){
			//获取用户名
			var username = document.getElementById("search").value;
			//判断查询用户名是否为空
			if(username==""){
				new $.zui.Messager('请输入用户名关键字！', {
			       	icon: 'cloud-upload',// 定义消息图标
			       	type: 'warning',
			       	time:'1000'
			   	}).show();
				return false;
			}
			window.location.href="manager!searchUser?username="+username;
		}
	</script>
</head>
<body>
	<div class="main">

		<#--后台管理界面头部-->
		<#include "common/headNav.ftl">

		<div class="main-middle">

			<#--左侧菜单列表-->
			<#include "common/leftMenu.ftl">


			<div class="main-middle-right">
				<div class="main-middle-right-top">
					<#--按钮-->
				   <div class="log-btn">
					   <a href="log!showUserLog">
						<button class="btn" type="button"><i class="icon-cloud-upload"></i> 用户日志</button>
					   </a>
				   </div>
				   <div class="log-btn">
					   <a href="log!showManagerLog">
						<button class="btn" type="button"><i class="icon-cloud-upload"></i> 管理员日志</button>
					   </a>
				   </div>
					<#--日志查询-->
				   <div class="log-search">
					   <form class="form-inline" action="log!showLogInfoByCondition" method="post">
						   <div class="form-group">
							   <label for="exampleInputInviteCode3">用户</label>
							   <input type="text" name="username" class="form-control" id="exampleInputInviteCode3" placeholder="用户名/管理员">
						   </div>
						   <div class="form-group">
							   <label for="exampleInputInviteCode3">开始时间</label>
							   <input type="date" name="startTime" class="form-control" id="exampleInputInviteCode3" >
						   </div>
						   <div class="form-group">
							   <label for="exampleInputInviteCode3">结束时间</label>
							   <input type="date" name="endTime" class="form-control" id="exampleInputInviteCode3" >
						   </div>
						   <input type="submit" class="btn btn-primary" value="查询"/>
					   </form>
				   </div>

				</div>

				<div class="main-middle-right-top2">
					<span><a href="#"><i>日志信息列表</i></a></span>
					<i style="color:red;font-weight:bold;font-size:16px;">${msg! }</i>
				</div>

				<#--日志内容列表-->
				<div class="log-middle-right-content">
					<div class="list">
						<header>
							<h3><i class="icon-list-ul"></i> 用户日志</h3>
						</header>
						<div class="items items-hover">

							<#list pageInfo.data as log>
								<div class="item">
									<div class="item-heading">
										<div class="pull-right">
											<span class="text-muted">${log.logTime}</span> &nbsp;
										</div>
										<h4>
											<span>${log_index+1}</span>
											<span style="padding-left: 10px"> ${log.logContent}</span>
										</h4>
									</div>
								</div>

							</#list>
						</div>
						<#if (pageInfo.data?size>0)>
						<footer style="text-align: center;">
							<ul class="pager" >
								<li class="previous"><a href="log!showPageInfoLog?pageNum=${pageInfo.currentPage-1}">« 上一页</a></li>
								<li><a href="log!showPageInfoLog?pageNum=0">第一页</a></li>
								<li class="active"><a href="#">${pageInfo.currentPage+1}</a></li>
								<li><a href="log!showPageInfoLog?pageNum=${pageInfo.totalPages-1}">最后一页</a></li>
								<li class="next"><a href="log!showPageInfoLog?pageNum=${pageInfo.currentPage+1}">下一页 »</a></li>
							</ul>
						</footer>
						<#else >
							<p style="text-align: center;font-size: 24px;font-weight: bold;
								margin-top: 50px;color: red;">没有您要查询的日志!</p>
						</#if>
					</div>
				</div>

			</div>
		</div>


		<#-- 	底部		-->
		<#include "common/bottom.ftl">
	</div>
</body>
</html>